<template>
  <div class="tabBar-page">
    <router-view />

    <van-tabbar route>
    <van-tabbar-item  icon="home-o" to="/" >
      <span>首页</span>
    </van-tabbar-item>
    <van-tabbar-item  icon="play-circle-o" to="/video" >
      <span>视频</span>
    </van-tabbar-item>
    <van-tabbar-item  icon="chat-o" to="/news" >
      <span>消息</span>
    </van-tabbar-item>
    <van-tabbar-item  icon="user-o" to="/my" >
      <span>{{ user? '我的' : '未登录'}}</span>
    </van-tabbar-item>
    </van-tabbar>

  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
   name: 'tabBarPage',
   data() {
    return {
      
    };
  },
  computed: {
    ...mapState([
      'user'
    ])
  }
  
}
</script>

<style scoped lang="scss">
.tabBar-page {
  z-index: 1111;
  
}
</style>